{extends file="assets::smarty-templates::Master"|ToPath}
{block name=content}
{html_script src="WhiteLabel.Breadcrumb.js"}
{html_script src="PublicData.js"}

<a class="btn icon i_arrow_left small" style="margin-bottom: 10px" href="{$UrlVolver}">Regresar al Listado</a>
<form>
    <ul class="breadcrumb" data-connect="FormContent">
        <li><a href="#DatosEmpresa">Info Empresa</a></li>
        <li><a href="#Requerimientos">Requerimientos</a></li>
        <li><a href="#DatosEstSolicitado">Ubicaci&oacute;n de Estudiante Solicitado</a></li>
        <li><a href="#UbicacionGeografica">Ubicaci&oacute;n</a></li>
        <li><a href="#Estudiante">Info Estudiante</a></li>
    </ul>
    <div id="FormContent">
        <div id="DatosEmpresa">
            <fieldset>
                <label>Datos de la Empresa</label>
                <dl>
                    <label>Nit</label>
                    <div>
                        <input name="nitEmpresa"
                                value="{$solicitud->getEmpresa()->getNIT()}"
                                readonly="readonly"
                                class="medium"
                                />
                    </div>
                </dl>
                <dl>
                    <label>Nombre</label>
                    <div>
                        <input name="nombreEmpresa"
                                value="{$solicitud->getEmpresa()->getNombre()}"
                                readonly="readonly"
                                class="medium"
                                />
                    </div>
                </dl>
                <dl>
                    <label>Pais</label>
                    <div>
                        <input name="Pais"
                                value="{$solicitud->getEmpresa()->getDatosContacto()->getMunicipio()->getDepartamento()->getPais()->getNombre()}"
                                readonly="readonly"
                                class="medium"
                                />
                    </div>
                </dl>
                <dl>
                    <label>Departamento</label>
                    <div>
                        <input name="departamento"
                                value="{$solicitud->getEmpresa()->getDatosContacto()->getMunicipio()->getDepartamento()->getNombre()}"
                                readonly="readonly"
                                class="medium"
                                />
                    </div>
                </dl> 
                <dl>
                    <label>Municipio</label>
                    <div>
                        <input name="municipio"
                                value="{$solicitud->getEmpresa()->getDatosContacto()->getMunicipio()->getNombre()}"
                                readonly="readonly"
                                class="medium"
                                />
                    </div>
                </dl>                   
                <dl>
                    <label>Direcci&oacute;n</label>
                    <div>
                        <input name="direccion"
                                value="{$solicitud->getEmpresa()->getDatosContacto()->getDireccion()}"
                                readonly="readonly"
                                
                                />
                    </div>
                </dl>                
                <dl>
                    <div>
                        <button class="next small">Siguiente</button>
                    </div>
                </dl>
            </fieldset>
        </div>
        <div id="Requerimiento">
            <fieldset>
                <label>Perfil requerido</label>
                <dl>
                    <label for="FechaIniciacion">
                        Fecha de iniciaci&oacute;n de la pr&aacute;ctica
                    </label>

                    <div><input name="{bind name="FechaIniciacion" to="FechaIniciacion"|filter:"DateToJson('d/m/Y')"}"
                                value="{$solicitud->getFechaIniciacion()|json_to_date:'d/m/Y'}"
                                class="small"
                                readonly="readonly"
                                /></div>
                </dl>
                <dl>
                    <label for="FechaFinalizacion">
                        Fecha de finalizaci&oacute;n de la pr&aacute;ctica
                    </label>

                    <div><input name="{bind name="FechaFinalizacion" to="FechaFinalizacion"|filter:"DateToJson('d/m/Y')"}" 
                                value="{$solicitud->getFechaFinalizacion()|json_to_date:'d/m/Y'}" readonly="readonly" class="small"/>
                                
                    </div>
                </dl>
                <dl>
                    <div>
                        <button class="prev small">Anterior</button>
                        <button class="next small">Siguiente</button>
                    </div>
                </dl>
            </fieldset>
            
        </div>
        <div id="DatosEstSolicitado">
            <fieldset>
                <label>Datos Ubicaci&oacute;n del Estudiante Solicitado en Pr&aacute;cticas Profesionales </label>
                <dl>

                    <label for="AreaTrabajo">
                        &Aacute;rea o Departamento a asignar
                    </label>

                    <div><input type="text"
                                name="{bind name="AreaTrabajo" to="AreaTrabajo"}"
                                id="AreaTrabajo"
                                value="{$solicitud->getAreaTrabajo()}" readonly="readonly" class="medium"/></div>
                                

                </dl>

                <dl>

                    <label for="Cargo">
                        Cargo
                    </label>

                    <div><input type="text" 
                                name="{bind name="Cargo" to="Cargo"}" 
                                id="Cargo" 
                                class="medium"
                                value="{$solicitud->getCargo()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="NombreTutor">
                        Nombre del tutor
                    </label>

                    <div><input type="text" 
                                name="{bind name="NombreTutor" to="Tutor.Nombre"}" 
                                id="NombreTutor" 
                                class="medium"
                                value="{$solicitud->getTutor()->getNombre()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="CargoTutor">
                        Cargo
                    </label>

                    <div><input type="text" 
                                name="{bind name="CargoTutor" to="Tutor.Cargo"}" 
                                id="CargoTutor" 
                                class="medium"
                                value="{$solicitud->getTutor()->getCargo()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="TelefonoTutor">
                        Tel&eacute;fono
                    </label>

                    <div><input type="text"
                                name="{bind name="TelefonoTutor" to="Tutor.Telefono"}"
                                id="TelefonoTutor"
                                class="small"
                                value="{$solicitud->getTutor()->getTelefono()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="ExtensionTutor">
                        Extensi&oacute;n
                    </label>

                    <div><input type="text"
                                name="{bind name="TelefonoTutor" to="Tutor.Extension"}"
                                id="TelefonoTutor"
                                class="small"
                                value="{$solicitud->getTutor()->getExtension()}" readonly="readonly"/></div>

                </dl>
                <dl>
                    <div>
                        <button class="prev small">Anterior</button>
                        <button class="next small">Siguiente</button>
                    </div>
                </dl>
            </fieldset>
        </div>                      
        <div id="UbicacionGeografica">                           
            <fieldset>
                <label>Ubicaci&oacute;n geogr&aacute;fica del sitio de pr&aacute;cticas</label>
                <dl>

                    <label for="DireccionPracticas">
                        Direcci&oacute;n
                    </label>

                    <div><input type="text"
                                name="{bind name="DireccionPracticas" to="DireccionPracticas"}"
                                id="DireccionPracticas"
                                value="{$solicitud->getDireccionPracticas()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="TelefonoPracticas">
                        Tel&eacute;fono
                    </label>

                    <div><input type="text"
                                name="{bind name="TelefonoPracticas" to="Telefono"}"
                                id="TelefonoPracticas"
                                class="small"
                                value="{$solicitud->getTelefono()}" readonly="readonly"/></div>

                </dl>

                <dl>

                    <label for="PaisUbicacion">
                        Pa&iacute;s
                    </label>

                    <div><input name="Pais" id="Pais" readonly="readonly" class="medium" value="{$solicitud->getMunicipio()->getDepartamento()->getPais()->getNombre()}" /></div>
                </dl>

                <dl>

                    <label for="DepartamentoUbicacion">
                        Departamento
                    </label>

                    <div><input name="Departamento" id="Departamento" readonly="readonly" class="medium" value="{$solicitud->getMunicipio()->getDepartamento()->getNombre()}" /></div>

                </dl>

                <dl>

                    <label for="CiudadUbicacion">
                        Ciudad
                    </label>

                    <div><input name="CiudadUbicacion" id="CiudadUbicacion" readonly="readonly" class="medium" value="{$solicitud->getMunicipio()->getNombre()}" /></div>

                </dl>

                <dl>

                    <label for="EsSucursalPrincipal">
                        Su empresa es
                    </label>

                    <div><input type="radio"
                                name="{bind name="EsSucursalPrincipal" to="EsSucursalPrincipal"}"
                                id="sucursal"
                                disabled="true"
                                value="0"
                                style="position: relative !important; left: auto !important;"
                                {if !$solicitud->getEsSucursalPrincipal()}checked="checked"{/if}/>
                        <label for="sucursal">Sucursal</label>

                        <input type="radio"
                               name="{bind name="EsSucursalPrincipal" to="EsSucursalPrincipal"}"
                               id="principal"
                               disabled="true"
                               value="1"
                               style="position: relative !important; left: auto !important;"
                               {if $solicitud->getEsSucursalPrincipal()}checked="checked"{/if}
                               />
                        <label for="principal">Principal</label></div>
                </dl>
                <dl>
                    <div>
                        <button class="prev small">Anterior</button>
                        <button class="next small">Siguiente</button>
                    </div>
                </dl>
            </fieldset>
        </div>
        <div id="Estudiante">
            <fieldset>
                <label>Informaci&oacute;n del Estudiante</label>
                <dl>
                    <label for="CodigoPracticante">
                        C&oacute;digo Estudiante
                    </label>
                    <div>
                        <input style="width:20%;" name="codigoPracticante" class="small" readonly="readonly" value="{if $solicitud->getPracticanteActual() != NULL}{$solicitud->getPracticanteActual()->getCodigoEstudiante()}{/if}" id="CodigoPracticante"/>
                    </div>
                </dl>
                <dl>
                    <label for="NombrePracticante">
                        Nombre Estudiante
                    </label>
                    <div>
                        <input name="nombrePracticante" readonly="readonly" value="{if $solicitud->getPracticanteActual() != NULL}{$solicitud->getPracticanteActual()->getEstudiante()->getNombres()}{" "}{$solicitud->getPracticanteActual()->getEstudiante()->getApellidos()}{/if}" id="NombrePracticante"/>
                    </div>
                </dl>
                <dl>
                    <label>Remuneraci&oacute;n</label>
                    <div>
                        <select name="isRemunerado" id="seleccion" disabled="disabled" >
                            {if $solicitud->getPracticanteActual() != NULL}
                                <option value="true" {if $solicitud->getPracticanteActual()->getIsRemunerado()} selected {/if}>Si</option>
                                <option value="false" {if !$solicitud->getPracticanteActual()->getIsRemunerado()} selected {/if}>No</option>
                            {else}
                                <option value="false" selected>No</option>
                            {/if}
                        </select>
                    </div>
                </dl>
                <dl id="Remuneracion">
                    <label>Valor de la Remuneraci&oacute;n</label>
                    <div>
                        <input type="text"  class="number small" readonly id="entrada" name="remuneracionValor" value="{if $solicitud->getPracticanteActual() != NULL}{$solicitud->getPracticanteActual()->getRemuneracion()}{/if}" />
                    </div>
                </dl>
                <dl>
                    <div>
                        <button class="prev small">Anterior</button>
                    </div>
                </dl>
            </fieldset>
        </div>
    </div>
</form>

<script type="text/javascript">
    {literal}
    jQuery.noConflict();
    jQuery(document).ready(function($){
        
        /*BreadCrumb*/
        $(".breadcrumb").wl_Breadcrumb();
            
            
        /*Selector de Remuneracion*/
        $('#Remuneracion').hide();

        $('#seleccion').change(function(){
            var val = $(this).val();
            if(val == "true"){
                $('#Remuneracion').show();
                $('#entrada').addClass('required');
            }else{
                $('#Remuneracion').hide();
                $('#entrada').removeClass('required');
            }
        });

        $('#seleccion').change();
        
        /*Fechas*/
        var dates = $( "#FechaIniciacion, #FechaFinalizacion" ).datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 2,
                onSelect: function( selectedDate ) {
                    var option = this.id == "FechaIniciacion" ? "minDate" : "maxDate",
                            instance = $( this ).data( "datepicker" ),
                            date = $.datepicker.parseDate(
                                    instance.settings.dateFormat ||
                                    $.datepicker._defaults.dateFormat,
                                    selectedDate, instance.settings );
                    dates.not( this ).datepicker( "option", option, date );
                }
        });
            
            
        /*Ubicacion*/
        $("#PaisUbicacion").change(function(){
            var val = $(this).val();
            $("#DepartamentoUbicacion").html("");
            $("#CiudadUbicacion").html("");

            $.ajax({
                url:departamentosURL + val,
                type: 'GET',
                dataType:'json',
                success: function (data){
                        var options = '<option> - Elegir - </option>';
                        for(var i in data){
                            if(typeof data[i] != 'function') {
                                options += '<option value=\"' + data[i].CodigoDepartamento + '\">';
                                options += data[i].Nombre;
                                options += '</options>';
                            }
                        }

                        $("#DepartamentoUbicacion").html(options);
                    }
            });
        });

        $("#DepartamentoUbicacion").change(function(){
            var val = $(this).val();
            $.ajax({
                url:minicipiosURL + val,
                type: 'GET',
                dataType:'json',
                success: function (data){
                        var options = '<option> - Elegir - </option>';
                        for(var i in data){
                            if(typeof data[i] != 'function') {
                                options += '<option value=\"' + data[i].CodigoMunicipio + '\">';
                                options += data[i].Nombre;
                                options += '</options>';
                            }
                        }

                        $("#CiudadUbicacion").html(options);
                    }
            });
        });

    });
    {/literal}
</script>
{/block}